<!-- 数据监控-总 -->
<template>
  <div>

    <el-tabs v-model="activeName" class="parent-tabs">
      <el-tab-pane label="按表查询" name="queryTable">
        <queryTable> </queryTable>
      </el-tab-pane>
      <el-tab-pane label="按日期查询" name="queryDate">
        <queryDate></queryDate>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>

import { service } from "@/services/backServices"

// 按表查询
import queryTable from "./dataMonitorSon/queryTable.vue";
// 按日期查询
import queryDate from "./dataMonitorSon/queryDate.vue";

export default {
  components: {
    queryTable,
    queryDate,
  },

  data() {
    return {
      activeName: "queryTable",
      // importLoading: false,
      // showDialog: false,
      // uploading: false,
    };
  }
}

</script>


<style lang='less' scoped>
.upload-component {
  position: absolute;
  display: flex;
  right: 45px;
  top: 21px;
  align-items: center;
  z-index: 10;
}

.parent-tabs {
  height: 100%;
  margin: 16px;

  ::v-deep {
    .el-tabs__content {
      height: calc(100% - 85px);

      .el-tab-pane {
        height: 100%;

        .mainTable {
          height: 100%;

          .tablePage {
            border: 0;
          }
        }
      }
    }
  }
}
</style>